<template>
	<div class="guanyuwomen flex">
    <left></left>
    <div style="width: calc(100vw - 280px); padding: 20px;" >
      <el-tabs type="border-card" v-model="activeName" @tab-click="handleClick">
        <el-tab-pane label="关于我们" name="guanyuwomen">
          <fuwenben v-if="relo && activeName == 'guanyuwomen'"></fuwenben>
        </el-tab-pane>
        <el-tab-pane label="联系我们" name="lianxiwomen">
          <fuwenben v-if="relo && activeName == 'lianxiwomen'"></fuwenben>
        </el-tab-pane>
      </el-tabs>

    </div>
	</div>
</template>

<script>
  import fuwenben from '../../components/fuwenben.vue'
  import left from '../left.vue'
	export default {
		name: 'guanyuwomen',
    components:{
      left,fuwenben
    },
		data() {
			return {
        activeName:'guanyuwomen',
        relo:true
			}
		},
		created() {
      this.getlist()

		},
		mounted() {

		},
		methods: {
      handleClick:function(){
        this.relo = false
        console.log(this.relo)
        this.$nextTick(()=>{
          this.relo = true
        })
      },
      getlist:function(){
        // axios.get('/admin/page/list').then((response)=>{
        // 	if (response.data.msg.code == 0) {
        // 		this.list = response.data.data
        //     // this.total = response.data.data.total
        // 	} else {
        // 		this.$message.error(response.data.msg.info);
        // 	}
        // })
      },
      fanye:function(val){
        this.search.page = val
        this.getlist()
      },
		}
	}
</script>


<style scoped >

</style>
